function init(){
	imgPreview();
    if($('.item-list').length > 0){
        showPanelUpdate('.item-list', getUpdateRow);
        submitUpdateForm('.btn-submit-update', updateRow);
        changeStatus();
    } else {
        submitUpdateForm('#btn-update', evtAfterUpdateRaoVat);
        uploadImage($('#frm-upload-img'), getUploadedImage);
        doCropImage(evtAfterCropImage);
        setRaoVatImage();
        changeUploadInfo();
    }
}

function getUpdateRow(row){
    var html = row.parents('table').find('tr.tr-temp').clone().removeClass('hidden').removeClass('tr-temp').addClass('tr-update-temp');
    html.find('#input-raovat-id').val(row.attr('data-id'));
    html.find('#input-raovat-title').val(row.find('.input-raovat-title').html().trim());
    html.find('#input-raovat-slug').val(row.find('.input-raovat-slug').attr('data-slug').trim());
    html.find('#input-raovat-description').val(row.find('.input-raovat-description').html());
    html.find('#input-raovat-cate').val(row.find('.input-raovat-cate').attr('data-id'));
    html.find('#input-raovat-place').val(row.find('.input-raovat-place').attr('data-id'));
    html.find('#input-raovat-active-flg').prop('checked', row.find('.input-raovat-flg input[data-name=active_flg]').is(':checked'));
    html.find('#input-raovat-delete-flg').prop('checked', row.find('.input-raovat-flg input[data-name=delete_flg]').is(':checked'));
    html.find('#input-raovat-highlight-flg').prop('checked', row.find('.input-raovat-flg input[data-name=highlight_flg]').is(':checked'));
    return html;
}

function changeStatus(){
    $('.input-raovat-flg .checkbox').change(function(){
        var url = $(this).parents('table').attr('data-href');
        var value = $(this).is(':checked')==true?1:0;
        var name = $(this).attr('data-name');
        var raovat = {id: $(this).parents('tr').attr('data-id')};
        raovat[name] = value;
        raovat['update_case'] = 0;
        changeState(url, {raovat: raovat});
    });
}

function updateRow(data){
    var trEditting = $('tr.editting');
    var trTempUpdate = $('tr.tr-update-temp');
    trEditting.find('.input-raovat-img a').attr('href', data.href);
    trEditting.find('.input-raovat-img a').attr('title', trTempUpdate.find('#input-raovat-title').val());
    trEditting.find('.input-raovat-title').html(trTempUpdate.find('#input-raovat-title').val());
    trEditting.find('.input-raovat-title').attr('href', data.href);
    trEditting.find('.input-raovat-update').attr('href', data.href);
    trEditting.find('.input-raovat-slug').attr('href', data.front_href);
    trEditting.find('.input-raovat-slug').attr('data-slug', trTempUpdate.find('#input-raovat-slug').val());
    trEditting.find('.input-raovat-cate').attr('data-id', trTempUpdate.find('#input-raovat-cate').val());
    trEditting.find('.input-raovat-cate label').html(trTempUpdate.find('#input-raovat-cate option:selected').text().trim());
    trEditting.find('.input-raovat-place').attr('data-id', trTempUpdate.find('#input-raovat-place').val());
    trEditting.find('.input-raovat-place').html(trTempUpdate.find('#input-raovat-place option:selected').text().trim());
    trEditting.find('.input-raovat-description').html(trTempUpdate.find('#input-raovat-description').val());
    trEditting.find('.input-raovat-active-flg input').prop('checked', trTempUpdate.find('#input-raovat-active-flg').is(':checked'));
    trEditting.find('.input-raovat-delete-flg input').prop('checked', trTempUpdate.find('#input-raovat-delete-flg').is(':checked'));
    trEditting.find('.input-raovat-highlight-flg input').prop('checked', trTempUpdate.find('#input-raovat-highlight-flg').is(':checked'));
}

function evtAfterUpdateRaoVat(data){
    if(data.cmd_case!=undefined && data.cmd_case=='update'){
        if(data.code==1){
            if(document.URL != data.href){
                window.location = data.href;
            }
        }
    } else {
        if(data.code==1){
            if(document.URL != data.href){
                window.location = data.href;
            }
        }
    }
}

function setRaoVatImage(){
    $(document.body).on('click', '.raovat-img-block', function(e) {
        e.preventDefault();
        var folder        = $(this).attr('data-folder');
        var file_name     = $(this).attr('data-name');
        var file_org_path = $(this).attr('href');
        var file_path     = $(this).find('img.media-object').attr('src');
        $('#input-raovat-image').val(folder + file_name);
        $('#a-input-raovat-image').attr('href', file_org_path);
        $('#a-input-raovat-image img').removeAttr('data-src').removeAttr('style').attr('src', file_path);
        $('#modal-change-image').modal('hide');
        return false;
    });
}

function evtAfterCropImage(data){
    var newImage = $('#raovat-temp-block').clone().removeAttr('id').removeClass('hidden');
    newImage.find('a.thumbnail').attr('data-name', data.file_name);
    newImage.find('a.thumbnail').attr('href', data.file_org_path);
    newImage.find('img.media-object').attr('src', data.file_path);
    $('ul#image-temp-upload').append(newImage);
    $('#input-crop-path').val('');
    $('.image-current').removeClass('hidden');
    $('.image-resize').addClass('hidden');
}

function changeUploadInfo(){
    $('#chk-custom-rao-vat-info').change(function(){
        $('#pn-custom-rao-vat-info').toggle('slide');
    });
}